﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GenerarRecepcion.aspx.cs"
    Inherits="IGConoWebC.GenerarRecepcion" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="http://code.jquery.com/jquery-1.7.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.signalR-0.5.1.min.js" type="text/javascript"></script>
    <script src="Scripts/knockout-2.1.0.js" type="text/javascript"></script>
    <script src="Scripts/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="Scripts/json2.min.js" type="text/javascript"></script>
    <script src="signalr/hubs" type="text/javascript"></script>
    <style type="text/css" media="screen">
        
    </style>
    <script type="text/javascript">
        try {

            $(document).ready(function () {
                debugger;
                var hub = $.connection.notificationHub;
                var oJson = '';

                $.connection.hub.start();

                $('#boton').click(function () {
                    try {
                        hub.llenarComboElementos();
                        hub.metodo('asd');
                    }
                    catch (err) {
                        alert('Error en el Click: ' + err);
                    }
                });

                hub.llenarTabla = function (contenido, columnas) {
                    try {
                        var myTable = $('#table_id').dataTable(
                    {
                        //                        'sScrollY': '300px',
                        //                        'sScrollX': '100%',
                        //                        'sScrollXInner': '50%',
                        //                        'bScrollCollapse': false,
                        //                        'bPaginate': true,
                        'aaData': jQuery.parseJSON(contenido),
                        'aoColumns': jQuery.parseJSON(columnas)
                    }
                );
                    }
                    catch (err) {
                        alert('Error en hub.llenarTabla: ' + err);
                    }
                }

                hub.llenarComboElementosJS = function (contenido) {
                    try {
                        var options = '';
                        var j = jQuery.parseJSON(contenido);
                        var sel = $('#Select1');
                        sel.empty();
                        for (var i = 0; i < j.length; i++) {
                            sel.append('<option value="' + j[i].Codigo + '">' + j[i].Nombre + '</option>');
                        }
                        sel.val(91);
                        llenarClasificaciones(91);
                    }
                    catch (err) {
                        alert('Error en hub.llenarComboElementosJS: ' + err);
                    }

                }

                hub.cargarClasificaciones = function (contenido) {
                    try {
                        var j = jQuery.parseJSON(contenido);
                        var sel = $('#Select2');
                        sel.empty();
                        for (var i = 0; i < j.length; i++) {
                            sel.append('<option value="' + j[i].Codigo + '">' + j[i].Nombre + '</option>');
                        }
                    }
                    catch (err) {
                        alert('Error en hub.cargarClasificaciones: ' + err);
                    }
                }

                hub.setearRecepcion = function (idRecepcion) {
                    try {
                        momentoActual = new Date();
                        fecha = new String();
                        fecha = momentoActual.getDate() + '/' + momentoActual.getMonth() + '/' + momentoActual.getYear();
                        fecha += ' ' + momentoActual.getHours() + ':' + momentoActual.getMinutes();
                        $('#lblRecepcion').text(idRecepcion);
                        $('#lblFecha').text(fecha);
                    }
                    catch (err) {
                        alert('Error en hub.setearRecepcion: ' + err);
                    }
                    //                var j = jQuery.parseJSON(contenido);
                    //                var sel = $('#Select2');
                    //                sel.empty();
                    //                for (var i = 0; i < j.length; i++) {
                    //                    sel.append('<option value="' + j[i].Codigo + '">' + j[i].Nombre + '</option>');
                    //                }


                }

                llenarClasificaciones = function (elemento) {
                    try {
                        hub.llenarComboClasificaciones(elemento);
                    }
                    catch (err) {
                        alert('Error en llenarClasificaciones: ' + err);
                    }
                }

                inicializarPagina = function () {
                    try {
                        hub.llenarComboElementos();
                        hub.metodo('asd');
                    }
                    catch (err) {
                        alert('Error en hub.setearRecepcion: ' + err);
                    }
                }



            });

            inicializarPagina();

        }
        catch (err) {
            alert(err.message);
        }

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <fieldset style="">
            <legend>Group box</legend>
            <div style="display: table; width: 500px; margin-left: auto; margin-right: auto">
                <div style="float: right; height: 150px; width: 200px;">
                    <label id="Label2">
                        Estado:</label><br />
                    <input checked="checked" name="Radio1" type="radio">Aceptado</input><br />
                    <input checked="checked" name="Radio1" type="radio">Rechazado</input></div>
                <div style="float: left; height: 50px; width: 300px;">
                    <label id="Label1">
                        Fecha:
                    </label>
                    <label id="lblFecha">
                        #FECHA#</label><br />
                    <label id="Label1">
                        Recepción Nº:
                    </label>
                    <label id="lblRecepcion">
                        #RECEPCION#</label></div>
                <div style="float: left; height: 100px; width: 300px;">
                    <table style="width: inherit;">
                        <tbody>
                            <tr>
                                <td>
                                    <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
                                </td>
                                <td>
                                    <select id="Select1" name="Select1" onchange="llenarClasificaciones(this.value)">
                                        <option></option>
                                    </select>
                                </td>
                                <td>
                                    <asp:Label ID="Label5" runat="server" Text="Label"></asp:Label>
                                </td>
                                <td>
                                    <input id="Text1" type="text" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>
                                </td>
                                <td>
                                    <select id="Select2" name="Select2">
                                        <option></option>
                                    </select>
                                </td>
                                <td>
                                    <asp:Label ID="Label6" runat="server" Text="Label"></asp:Label>
                                </td>
                                <td>
                                    <input id="Text2" type="text" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>
                                    <asp:Label ID="Label7" runat="server" Text="Label"></asp:Label>
                                </td>
                                <td>
                                    <input id="Text3" type="text" />
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div style="float: left; height: 50px; width: 500px;">
                    <input id="boton" type="button" value="button" /></div>
            </div>
        </fieldset>
    </div>
    <div>
        <fieldset name="Cuadro2">
            <legend>Group box</legend>
            <table id="table_id" cellpadding="0" cellspacing="0" border="1">
                <thead>
                    <tr>
                        <th>
                            Codigo
                        </th>
                        <th>
                            Elemento
                        </th>
                        <th>
                            Clasificacion
                        </th>
                        <th>
                            Fecha hora
                        </th>
                        <th>
                            P. Bruto
                        </th>
                        <th>
                            P.Tara
                        </th>
                        <th>
                            P.Neto
                        </th>
                        <th>
                            Observaciones
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                        </td>
                    </tr>
                </tbody>
            </table>
        </fieldset>
    </div>
    </form>
</body>
</html>
